@import './fonts.less';
*,
view,
scroll-view,
image,
input,
label,
button {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    list-style-type: none;
    -webkit-text-size-adjust: none;
    zoom: 1;
    resize: none;
    // font-family: PingFangSC-Regular iconfont, sans-serif;
    font-family: PingFangSC-Regular, Microsoft Yahei, Avenir, Helvetica, Arial, iconfont, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    // -webkit-user-select: none;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset; 
}
/* 让Chrome内核在自动填表的时候不显示黄底 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { /* 去除number类型输入框右侧的spinners */
    -webkit-appearance: none;
    margin: 0;
}
:active, :focus { outline: none; }
::-webkit-scrollbar {
    width: 0;
    height: 0;
}
::-webkit-input-placeholder, .placeholder {
    color: #c5c5c5;
    font-weight: normal;
}
html,
body {
    width: 100%;
    height: 100%;
}
body,
page {
    width: 100%;
    height: 100%;
    font-weight: normal;
    background-color: #f4f4f4;
    font-size: 30rpx;
    color: #000;
    cursor: default;
}
//#ifdef H5
html.header-hide {
    uni-page-head {
        display: none !important;
    }
    /deep/ .status-tips {
        top: 0 !important;
    }
}
//#endif
em { font-style: normal; }
svg:not(:root) { overflow: hidden; }
image {
    display: block;
    // overflow: unset;
    // -ms-interpolation-mode: bicubic;
    // will-change: transform;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: inherit;
    margin-block-start: 0;
    margin-block-end: 0;
}
input, button, textarea { -webkit-appearance: none; }
input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
input:disabled {
    background-color: transparent;
    color: #ccc;
}
table {
    table-layout: fixed;
    border-collapse: collapse;
}
a {
    text-decoration: none;
    color: inherit;
}
b {
    font-weight: normal;
}
i {
    .align(center);
    font-style: normal;
}
iframe {
    display: block;
}
article {
    all: initial !important;
}

pre {
    overflow: hidden;
    white-space: pre-line;
    word-break: break-all;
    font-family: inherit;
    /deep/ img {
        max-width: 100%;
    }
}

.bottom_safe_page{
    padding-bottom: calc(env(safe-area-inset-bottom) + 120rpx );
}


.data_max, .data_loading{
    display: block;
    width: 100%;
    color: #ccc;
    font-size: 22px;
    text-align: center;
    line-height: 60px;
}
.data_loading{
    color: #666;
}

.overflow{
    .overflow();
}

.h-number {
    font-family: HaettenschweilerNumber;
}

.flex {
    display: flex;
}

.flex-column{
    display: flex;
    flex-direction: column;
}

.flex-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-v-center{
    display: flex;
    align-items: center;
}
.flex-h-center{
    display: flex;
    justify-content: center;
}
.flex-between  {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-start  {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.flex-end  {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.flex-1{
    flex: 1;
}
.mar-b5 {
    margin-bottom: 5rpx;
}

.mar-t5 {
    margin-top: 5rpx;
}

.mar-l5 {
    margin-left: 5rpx;
}

.mar-r5 {
    margin-right: 5rpx;
}

.mar10 {
    margin: 10rpx;
}

.mar-b10 {
    margin-bottom: 10rpx;
}

.mar-t10 {
    margin-top: 10rpx;
}

.mar-l10 {
    margin-left: 10rpx;
}

.mar-r10 {
    margin-right: 10rpx;
}

.mar-lr10 {
    margin: auto 10rpx;
}

.mar-tb10 {
    margin: 10rpx auto;
}

.mar20 {
    margin: 20rpx;
}

.mar-b20 {
    margin-bottom: 20rpx;
}

.mar-t20 {
    margin-top: 20rpx;
}

.mar-l20 {
    margin-left: 20rpx;
}

.mar-r20 {
    margin-right: 20rpx;
}

.mar-lr20 {
    margin: auto 20rpx;
}

.mar-tb20 {
    margin: 20rpx auto;
}

.mar30 {
    margin: 30rpx;
}

.mar-b30 {
    margin-bottom: 30rpx;
}

.mar-t30 {
    margin-top: 30rpx;
}

.mar-l30 {
    margin-left: 30rpx;
}

.mar-r30 {
    margin-right: 30rpx;
}

.mar-lr30 {
    margin: auto 30rpx;
}

.mar-tb30 {
    margin: 30rpx auto;
}

.mar-b0 {
    margin-bottom: 0;
}

.mar-t0 {
    margin-top: 0;
}

.mar-l0 {
    margin-left: 0;
}

.mar-r0 {
    margin-right: 0;
}


.pad10 {
    padding: 10rpx;
}

.pad-b10 {
    padding-bottom: 10rpx;
}

.pad-t10 {
    padding-top: 10rpx;
}

.pad-l10 {
    padding-left: 10rpx;
}

.pad-r10 {
    padding-right: 10rpx;
}

.pad-lr10 {
    padding: 0 10rpx;
}

.pad-tb10 {
    padding: 10rpx 0;
}

.pad20 {
    padding: 20rpx;
}

.pad-b20 {
    padding-bottom: 20rpx;
}

.pad-t20 {
    padding-top: 20rpx;
}

.pad-l20 {
    padding-left: 20rpx;
}

.pad-r20 {
    padding-right: 20rpx;
}

.pad-lr20 {
    padding: 0 20rpx;
}

.pad-tb20 {
    padding: 20rpx 0;
}


.pad30 {
    padding: 30rpx;
}

.pad-b30 {
    padding-bottom: 30rpx;
}

.pad-t30 {
    padding-top: 30rpx;
}

.pad-l30 {
    padding-left: 30rpx;
}

.pad-r30 {
    padding-right: 30rpx;
}

.pad-lr30 {
    padding: 0 30rpx;
}

.pad-tb30 {
    padding: 30rpx 0;
}

.pad-b0 {
    padding-bottom: 0;
}

.pad-t0 {
    padding-top: 0;
}

.pad-l0 {
    padding-left: 0;
}

.pad-r0 {
    padding-right: 0;
}

.whfull {
    width: 100%;
    height: 100%;
}
.wfull{
    width: 100%;
}
.w10 {
    width: 10rpx;
}

.w20 {
    width: 20rpx;
}

.w30 {
    width: 30rpx;
}

.w40 {
    width: 40rpx;
}

.w50 {
    width: 50rpx;
}

.w60 {
    width: 60rpx;
}

.w70 {
    width: 70rpx;
}

.w80 {
    width: 80rpx;
}

.w90 {
    width: 90rpx;
}

.w100 {
    width: 100rpx;
}

.w150 {
    width: 150rpx;
}

.w200 {
    width: 200rpx;
}

.w250 {
    width: 250rpx;
}

.w300 {
    width: 300rpx;
}
.w400 {
    width: 400rpx;
}
.w500 {
    width: 500rpx;
}
.w600 {
    width: 600rpx;
}

.hfull {
    height: 100%;
}
.h10 {
    height: 10rpx;
}

.h20 {
    height: 20rpx;
}

.h30 {
    height: 30rpx;
}

.h40 {
    height: 40rpx;
}

.h50 {
    height: 50rpx;
}

.h60 {
    height: 60rpx;
}

.h70 {
    height: 70rpx;
}

.h80 {
    height: 80rpx;
}

.h90 {
    height: 90rpx;
}

.h100 {
    height: 100rpx;
}

.h150 {
    height: 150rpx;
}

.h200 {
    height: 200rpx;
}

.h250 {
    height: 250rpx;
}

.h300 {
    height: 300rpx;
}
.h400 {
    height: 400rpx;
}
.h500 {
    height: 500rpx;
}
.h600 {
    height: 600rpx;
}
.h700 {
    height: 700rpx;
}
.h800 {
    height: 800rpx;
}

.fs12 {
    font-size: 12rpx;
}

.fs14 {
    font-size: 14rpx;
}

.fs16 {
    font-size: 16rpx;
}

.fs18 {
    font-size: 18rpx;
}

.fs20 {
    font-size: 20rpx;
}
.fs22 {
    font-size: 22rpx;
}
.fs24 {
    font-size: 24rpx;
}
.fs26 {
    font-size: 26rpx;
}
.fs28 {
    font-size: 28rpx;
}

.fs30 {
    font-size: 30rpx;
}
.fs32 {
    font-size: 32rpx;
}
.fs34 {
    font-size: 34rpx;
}
.fs36 {
    font-size: 36rpx;
}
.fs38 {
    font-size: 38rpx;
}

.fs40 {
    font-size: 40rpx;
}

.fs50 {
    font-size: 50rpx;
}

.fs60 {
    font-size: 60rpx;
}

.fs80 {
    font-size: 80rpx;
}

.fs100 {
    font-size: 100rpx;
}

.fs150 {
    font-size: 150rpx;
}

.fw-bold {
    font-weight: bold;
}
.fw-normal {
    font-weight: normal;
}

.color-fff {
    color: #333;
}
.color-333 {
    color: #333;
}

.color-666 {
    color: #666;
}

.color-999 {
    color: #999;
}

.color-ccc {
    color: #ccc;
}
.color-red {
    color: #ff0000;
}
.color-fff {
    color: #fff;
}
.color-main{
    color: @mainColor;
}

.sticky{
    position: sticky;
}


// #ifdef H5
uni-page{
    display: flex;
    flex-direction: column;
    uni-page-wrapper{
        flex: 1 0 1px;
        &::after{
            display: none!important;
        }
        uni-page-body{
            width: 100%;
            height: 100%;
            .page{
                width: 100%;
                height: 100%;
            }
        }
    }
}
.uni-page-head-btn{
    text-align: center;
}
// #endif

// #ifdef APP-PLUS
.page{
    width: 100%;
    height: 100vh;
}
// #endif

// 淡出淡入
.fadeInDown {
    animation: fadeInDown .5s ease both;
}
.fadeOutUp {
    animation: fadeOutUp 1s ease both;
}
@keyframes fadeInDown{
    0%{opacity:0;transform:translateY(-20px)}
    100%{opacity:1;transform:translateY(0)}
}
@keyframes fadeOutUp{
    0%{opacity:1;transform:translateY(0)}
    100%{opacity:0;transform:translateY(-20px)}
}



.rich-content-container, .rich-context{
    // background: #fff;
    *{
        line-height: 1.5;
        word-break: break-all;
        max-width: 100%;
    }
    img {
        max-width: 100%;
        margin: 0 auto;
        height: auto!important;
    }
    video{
        width: 100%;
        height: 400rpx;
    }
    mp-common-mpaudio{
        width: 100%!important;
        * {
            width: 690rpx!important;
            display: inline-block;
            height: 32px;
        }
    }

    .act_edit_node{
        background-color: #ffe6e6!important;
        padding: 0 20rpx;
        border: 1px dashed #f00;
        border-radius: 5rpx;
        box-shadow: 0 0 10rpx #aaa;
    }
    span{
        pointer-events: none;
    }
}
.rich_advert_item{
    width: 690rpx;
    height: 320rpx;
    position: relative;
    z-index: 4;
    opacity: 0.5;
    padding: 10rpx 0;
}